<!--
 * @Author: your name
 * @Date: 2021-04-17 16:34:58
 * @LastEditTime: 2021-04-17 17:31:19
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \智慧医疗项目\patient-app\src\views\Home.vue
-->
<template>
  <div class="home">
    <div class="header">智慧医疗</div>
    <div class="main">
      <router-view />
    </div>
    <div class="footer">
<<<<<<< HEAD
      <router-link to="/home/homes" tag="span"><van-icon name="wap-home-o" size="26"/>首页</router-link>
      <router-link to="/question" tag="span"><van-icon name="sign" size="26"/>快速问诊</router-link>
      <router-link to="/home/my" tag="span"><van-icon name="manager-o" size="26"/>我的</router-link>
=======
      <router-link to="/home/homes" tag="span">首页</router-link>
      <router-link to="/home/question" tag="span">快速问诊</router-link>
      <router-link to="/home/my" tag="span">我的</router-link>
>>>>>>> origin/liuyuxi
    </div>
  </div>
</template>

<script>
export default {
  name: "Home",
};
</script>

<style scoped lang='scss'>
.home {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.header {
  width: 100%;
  height: 40px;
}

.main {
  flex: 1;
  width: 100%;
  overflow-y: auto;
}

.footer {
  width: 100%;
<<<<<<< HEAD
  height: 48px;
  display: flex;
  border-top: 1px solid #eee;
  justify-content: space-around;
  align-items: center;
  span{
    display: flex;
    text-align: center;
    flex-direction: column;
    font-size: 14px;
  }
=======
  height: 40px;
  display: flex;
  justify-content: space-around;
  align-items: center;
>>>>>>> origin/liuyuxi
}
</style>
